Top 13 Creative HTML5 Slideshow Code Showcase
Evo Slider Pro – jQuery Slideshow & Content Slider Plugin
without coding any JavaScript code at all. Added custom HTML5 data attribute for setting image scale option
2. WOW Slider
WOW Slider is a fantastic responsive image slider with
killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.
Also, you can share your slider on Facebook.
This is an amazing HTML5 Canvas XML Carousel presenting a 3D photo gallery in the shape of a carousel with tons of features. This very complex HTML5 Canvas 3D Carousel is optimized for mobile devices (Android and IOS mobile devices such as iPad2, iPad3, iPhone, Samsung Galaxy Tab etc). This HTML5 Canvas Carousel can have any image presented in any way you want: horizontal, vertical, oblique, also it has unique presets with pre-defined movements and presentations. JavaScript code: var cc = new CanvasCarousel(“myCanvas”, “load/config. HTML code:
the buttons, scrollbar and slideshow preloader positions can be set to be anywhere.set the slideshow transition time (when set to autoplay).
slideshow toggle now pauses/resumes actual ken burns animation
added optional html5 music player for gallery (with flash backup for older browsers)
general code improvements
Optional advance slideshow to next category (loop categories).Toggle slideshow
Include video in slideshow
HTML5 Video & Image Background Intro
HTML5 Video Gallery with Live Playlist
JQuery AutoSlide Image Gallery Slideshow with Music
JQuery Image Gallery Slideshow with MousePan
HTML5 Audio Player With Playlist
jQuery Accordion MultiPurpose Gallery Slideshow
JQuery Stack Banner Slideshow with Captions
jQuery Slice Banner Slideshow with Captions
JQuery Ken Burns Fullscreen Gallery Slideshow
The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the code of this examples is provided in the download files). Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
Royal 3D Carousel can be used in any type of jQuery page slider including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the carousel must be installed manually with image scroller HTML code and the content uploaded with a ftp client, we have included a tutorial about how to install it in Wordpress).
– small code improvements. supports YouTube, Vimeo, HTML5 or other video player
banner rotator, caption, fluid, gallery, image, jquery, mobile, ios, plugin, resizable, responsive, slider, slideshow, swipe, touch
Nova Gallery is a HTML5 multimedia gallery enabling you to showcase your photos/audio/video in a beautiful and sleek interface. You can also have a slideshow of the items in the Full-width mode. This slideshow stops whenever the browser tab in which the gallery is displayed, goes out of focus (this feature only works in browsers that supports the HTML5 Page Visibility Api). Plays audio and video natively in modern HTML5 browsers and switches over to Flash/Silverlight for older browsers by using Mediaelement. True HTML5 Fullscreen option in supported browsers. You can start the slideshow in Full-width mode when the gallery first loads. The time interval for which a particular item is visible during slideshow can be set. Also some of the modern HTML5 features such as Fullscreen and Page Visibility will only work in modern browsers. Modified the code to account for escaping of characters in the cached xml file (when pulling images from Flickr/Picasa) if magic quotes in the server were turned on.
Video and Audio with HTML5 support.code changes for compatibility with jQuery 1.It was made a change in the code, which eliminates any conflict between the drag event and click event.
In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the code of this examples is provided in the download files). Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Gridfolio is using the GPU (hardware acceleration) using HTML5 standards. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
11. Titan Lightbox
It is built around jQuery & HTML5 and is both easy to implement and customize.Slideshow for galleries with autoplay.Clean and very lightweight code.
cleaned html pages, settings and other javascript code moved into separate files
A simple and powerfull HTML5 music player for your website with flash backup for older browsers.FLASH fallback included for older browsers that dont support HTML5 audio.Responsive Video Gallery HTML5 Youtube Vimeo
HTML5 Video Gallery with Live Playlist
JQuery AutoSlide Image Gallery Slideshow with Music
HTML5 Audio Player With Playlist
JQuery Stack Banner Slideshow with Captions
This is an amazing HTML5 Canvas XML Cover Flow presenting a 3D photo gallery with tons of features. This very complex HTML5 Canvas 3D Cover Flowis is optimized for mobile devices (Android and IOS mobile devices such as iPad2, iPad3, iPhone, Samsung Galaxy Tab etc). This HTML5 slideshow tutorial Cover Flow can have any image presented in any way you want: horizontal, vertical, oblique, also it has unique presets with pre-defined movements and presentations. JavaScript code: var cc = new CanvasCoverflow(“myCanvas”, “load/config. HTML code:
the buttons, scrollbar and slideshow preloader positions can be set to be anywhere.set the slideshow transition time (when set to autoplay).
Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Infinite Photo Grid with Lightbox is using the GPU (hardware acceleration) using HTML5 standards. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.